<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
			    xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmProgramas">
        <rich:panel id="panelProgramas">
        <rich:panel id="pnlFiltroD" header="#{general.filtrosBusqueda}">
                <h:panelGrid id="pngFiltro" columns="8">
                    <h:outputText id="outFiltro" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>

                    <h:selectOneMenu id="slmFiltroBuscarPrograma" value="#{gestorProgramas.filtroBusqueda}">
                        <f:selectItem id="itmcodigo" itemValue="codigo" itemLabel="Codigo"/>
                        <f:selectItem id="itmnombre" itemValue="nombre" itemLabel="Nombre"/>
                        <a4j:support id="supFiltros" event="onchange" ajaxSingle="true"/>
                    </h:selectOneMenu>

                    <h:inputText id="idValorBuscar" valueChangeListener="#{gestorProgramas.buscarValor}" value="#{gestorProgramas.valorBuscar}" title="Valor"
                                 maxlength="10">
                        <a4j:support id="supTexto" event="onchange" ajaxSingle="true"/>
                    </h:inputText>


                    <a4j:commandButton id="btnBuscarProgramaF" value="Buscar" title="Buscador Empleado" reRender="pnlFiltroD,pnlResultadoProgramas"
                                       actionListener="#{gestorProgramas.buscarValor}" action="#{gestorProgramas.buscarValor}" immediate="true">

                    </a4j:commandButton>




                </h:panelGrid>
            </rich:panel>

   		<rich:panel id="pnlResultadoProgramas" header="Programas">
        	   <rich:dataTable id="tblProgramas" onRowMouseOver="this.style.backgroundColor='#F1F1F1'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    width="700" rows="5" border="0" var="row" value="#{gestorProgramas.listadoActual}" binding="#{gestorProgramas.tablaProgramas}">

                       <rich:column label="Codigo">
                        	<f:facet name="header">
                        		<h:outputText id="outCodigo" value="Codigo" title="Codigo"/>
                            </f:facet>
                           <h:outputText value="#{row.codigo}"></h:outputText>
                        </rich:column>


                       <rich:column label="Nombre">
                        	<f:facet name="header">
                        		<h:outputText id="outNombre" value="Nombre" title="Nombre"/>
                            </f:facet>
                            <h:outputText value="#{row.nombre}"></h:outputText>
                        </rich:column>



                       <rich:column label="Fecha Inicial" >
                    	    <f:facet name="header">
                            	<h:outputText id="outFecha" value="Fecha" title="Fecha"/>
                            </f:facet>
                           <h:outputText value="#{row.fecha}"></h:outputText>
                        </rich:column>


                        <rich:column label="Estado">
                        	<f:facet name="header">
                        		<h:outputText id="outEstado" value="Estado" title="Estado"/>
                            </f:facet>
                           <h:outputText value="#{row.estado}"></h:outputText>
                        </rich:column>

                        <rich:column label="Beneficiada">
                        	<f:facet name="header">
                        		<h:outputText id="outBeneficiada" value="Area Beneficiada" title="Beneficiada"/>
                            </f:facet>
                            <h:outputText value="#{row.beneficiada}"></h:outputText>
                        </rich:column>

                       

                     	<rich:column>

                            <f:facet id="fctClmAcciones" name="header">
                          	<h:outputText id="outClmAcciones" value="Acciones" title="Acciones"/>
                            </f:facet>

	                        <div id="divAcciones" align="center">
                                    <a4j:commandButton id="btnAccionEliminar" action="#{gestorProgramas.eliminar}" value="Eliminar"
	                                               image="/imagenes/close.png" title="Eliminar" reRender="pnlResultadoProgramas"/>
                                    <a4j:commandButton id="btnAccionModificar" action="#{gestorProgramas.editar}" value="Grabar"
	                                               image="/imagenes/book_open.ico" title="Grabar"/>
	                        </div>
                        </rich:column>
                         <f:facet id="fctPieDetalle" name="footer">
                        	<rich:datascroller id="dtsDetalleProforma" for="tblProgramas"/>
                    	</f:facet>
                   </rich:dataTable>
		</rich:panel>
        	<h:panelGrid id="pngBtnResultado" columns="2" cellspacing="5px">

                    <a4j:commandButton id="btnNuevo" value="Nuevo" action="#{gestorProgramas.nuevo}"
                                           title="Crear un nuevo Programa." ajaxSingle="true"/>
                    <a4j:commandButton id="btnCerrar" value="Cerrar" action="#{gestorProgramas.cerrar}"
                               title="Cierra el formulario." reRender="frmDistribuirOP,pnlDetalle" ajaxSingle="true"/>

            </h:panelGrid>
            </rich:panel>
        
    </a4j:form>
</ui:composition>